<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link href="css/main.css" rel="stylesheet" type="text/css">
    <link href="bootstrap-3.3.5-dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
    <script type="text/javascript" src="bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
</head>
<body>
    <div class="content">
        <h2>queryBuildder 静态页面</h2>
        <div class="main_con">
            <div class="builder_title">

            </div>
            <div class="builder_main">
                    <table class="b_tab">
                        <tr>
                            <td class="t_left">
                                <select class="op_con">
                                    <option value="and">并且</option>
                                    <option value="or">或者</option>
                                </select>
                            </td>
                            <td class="t_right">
                                <div class="ri_con">
                                    <div class="sin_b">
                                        <!-- 单个的查询 -->
                                        <div class="sin_c">
                                            <div class="con_top">
                                                <div class="sin_fir">
                                                    <select class="fir_sel">
                                                        <optgroup label="user1">
                                                            <option value="user1.id">id</option>
                                                            <option value="user1.name">name</option>
                                                        </optgroup>
                                                        <optgroup label="department1">
                                                            <option value="department1.id">id</option>
                                                            <option value="department1.code">code</option>
                                                        </optgroup>
                                                    </select>
                                                </div>
                                                <div class="sin_sec">
                                                    <select class="op_sec">
                                                        <option value="==" >等于</option>
                                                        <option value="<" >小于</option>
                                                        <option value=">" >大于</option>
                                                    </select>
                                                </div>
                                                <div class="sin_thi">
                                                    <!--<input type="text" class="form-control" id="name"
                                                           placeholder="请输入名称">-->
                                                    <input type="text" class="val_inp"/>
                                                </div>
                                                <div class="sin_opt"><a class="op_hr" href="javascript:void(0)">删除</a> </div>
                                            </div>
                                            <div class="error_title" style="display: block">错误提示</div>
                                        </div>
                                        <div class="sin_c">
                                            <div class="con_top">
                                                <div class="sin_fir">
                                                    <select class="fir_sel">
                                                        <optgroup label="user1">
                                                            <option value="user1.id">id</option>
                                                            <option value="user1.name">name</option>
                                                        </optgroup>
                                                        <optgroup label="department1">
                                                            <option value="department1.id">id</option>
                                                            <option value="department1.code">code</option>
                                                        </optgroup>
                                                    </select>
                                                </div>
                                                <div class="sin_sec">
                                                    <select class="op_sec">
                                                        <option value="==" >等于</option>
                                                        <option value="<" >小于</option>
                                                        <option value=">" >大于</option>
                                                    </select>
                                                </div>
                                                <div class="sin_thi">
                                                    <input type="text" class="val_min"/><span class="val_con_tar">--</span><input class="val_max" type="text"/>
                                                </div>
                                                <div class="sin_opt"><a class="op_hr" href="javascript:void(0)">删除</a> </div>
                                            </div>
                                            <div class="error_title" style="display: none">错误提示</div>
                                        </div>
                                    </div>
                                    <div class="mul_b">
                                        <!--  嵌套查询  -->
                                        <table class="b_tab">
                                            <tr>
                                                <td class="t_left">
                                                    <select class="op_con">
                                                        <option value="and">并且</option>
                                                        <option value="or" selected="selected">或者</option>
                                                    </select>
                                                </td>
                                                <td class="t_right">
                                                    <div class="ri_con">
                                                        <div class="sin_b">
                                                            <!-- 单个的查询 -->
                                                            <div class="sin_c">
                                                                <div class="con_top">
                                                                    <div class="sin_fir">
                                                                        <select class="fir_sel">
                                                                            <optgroup label="user1">
                                                                                <option value="user1.id">id</option>
                                                                                <option value="user1.name">name</option>
                                                                            </optgroup>
                                                                            <optgroup label="department1">
                                                                                <option value="department1.id">id</option>
                                                                                <option value="department1.code">code</option>
                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                    <div class="sin_sec">
                                                                        <select class="op_sec">
                                                                            <option value="==" >等于</option>
                                                                            <option value="<" >小于</option>
                                                                            <option value=">" >大于</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="sin_thi">
                                                                        <input type="text" class="val_inp"/>
                                                                    </div>
                                                                    <div class="sin_opt"><a class="op_hr" href="javascript:void(0)">删除</a> </div>
                                                                </div>
                                                                <div class="error_title" style="display: none">错误提示</div>
                                                            </div>
                                                            <div class="sin_c">
                                                                <div class="con_top">
                                                                    <div class="sin_fir">
                                                                        <select class="fir_sel">
                                                                            <optgroup label="user1">
                                                                                <option value="user1.id">id</option>
                                                                                <option value="user1.name">name</option>
                                                                            </optgroup>
                                                                            <optgroup label="department1">
                                                                                <option value="department1.id">id</option>
                                                                                <option value="department1.code">code</option>
                                                                            </optgroup>
                                                                        </select>
                                                                    </div>
                                                                    <div class="sin_sec">
                                                                        <select class="op_sec">
                                                                            <option value="==" >等于</option>
                                                                            <option value="<" >小于</option>
                                                                            <option value=">" >大于</option>
                                                                        </select>
                                                                    </div>
                                                                    <div class="sin_thi">
                                                                        <input type="text" class="val_min"/><span class="val_con_tar">--</span><input class="val_max" type="text"/>
                                                                    </div>
                                                                    <div class="sin_opt"><a class="op_hr" href="javascript:void(0)">删除</a> </div>
                                                                </div>
                                                                <div class="error_title" style="display: none">错误提示</div>
                                                            </div>
                                                        </div>
                                                        <div class="mul_b">
                                                            <!--  嵌套查询  -->
                                                        </div>
                                                        <div class="op_b">
                                                            <!-- 新增组按钮 -->
                                                            <a class="add_gr" href="javascript:void(0)" >添加一条</a><a class="add_gr" href="javascript:void(0)" >添加一组</a>
                                                        </div>
                                                    </div>
                                                </td>
                                            </tr>
                                        </table>
                                    </div>
                                    <div class="op_b">
                                        <!-- 新增组按钮 -->
                                        <a class="add_gr" href="javascript:void(0)" >添加一条</a><a class="add_gr" href="javascript:void(0)" >添加一组</a>
                                    </div>
                                </div>
                            </td>
                        </tr>
                    </table>
            </div>
        </div>

    </div>
</body>
</html>